<template>
    <div class="fitment-strategy">
        <div class="col-lg-1 col-md-1 col-sm-1 min-700" style="height: 100%;position: absolute"></div>
        <div class="col-lg-10 col-md-10 col-sm-10 designer-con">
            <h2 style="color: 555">装修攻略</h2>
            <hr style="width:50px;height: 5px;background: #F84B4A;margin-bottom: 50px;border: none;float: left">
            <div class="strategy-con-con">

                <div class="strategy-con-con-div" v-for="strategy in strategys">
                    <div style="position: relative;padding:10px">
                        <h3 class="font-white">{{ strategy.title }}</h3>
                        <hr style="width: 30px;height: 2px;background: #555;border: none;position: relative;margin-left: 0">
                        <p class="font-white" style="font-size:1.2em">{{ strategy.summary }}</p>
                        <input type="button" style="width: 90px;height: 28px;
                                border: none;outline: none;background: white;
                                border-radius: 3px;color: rgb(248, 75, 74);position: relative;top:20px;"
                               value="查看更多" @click="goDetail(strategy.id)">
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<style>

</style>
<script>

    export default{
        data(){
            return{
                strategys: ''
            }
        },
        components:{

        },
        created(){
            var _this = this;
            this.$http.get('/fit_strategy')
                .then(function(res){
                    _this.strategys = res.body;
                });
        },
        methods:{
            goDetail(id){
                 window.location.href = '/advisor_detail?id='+id;
            }
        }
    }
</script>
